/**
 * 404页面
 */

import React from 'react'
import { Link } from 'react-router-dom'
import { Home, ArrowLeft } from 'lucide-react'
import { Button } from '@/components/ui/button'

const NotFoundPage: React.FC = () => {
  return (
    <div className="min-h-screen flex items-center justify-center">
      <div className="text-center">
        <div className="mb-8">
          <h1 className="text-9xl font-bold text-muted-foreground">404</h1>
          <h2 className="text-2xl font-semibold mt-4">页面未找到</h2>
          <p className="text-muted-foreground mt-2">
            抱歉，您访问的页面不存在或已被移动。
          </p>
        </div>
        
        <div className="flex items-center justify-center gap-4">
          <Button asChild variant="outline">
            <Link to="/">
              <ArrowLeft className="h-4 w-4 mr-2" />
              返回上页
            </Link>
          </Button>
          <Button asChild>
            <Link to="/dashboard">
              <Home className="h-4 w-4 mr-2" />
              回到首页
            </Link>
          </Button>
        </div>
      </div>
    </div>
  )
}

export default NotFoundPage
